﻿@import "variables.less";

body {
    padding-top: 50px;
}

hr {
    border-color: @border-color;
}

.hidden {
    display:none;
    visibility:hidden;
}
.show {
    display:block;
    visibility:visible;
}

/* ----------------------------------------- */
/* -------- Jquery ui css overrides -------- */
/* ----------------------------------------- */
.ui-selecting {
    background-color: @selecting-back-color;
}
.ui-selected {
    background-color: @selection-back-color;
}
.form-control[readonly] {
    background-color: @read-only-input-back-color;
}

/* ----------------------------- */
/* -------- App helpers -------- */
/* ----------------------------- */
.active-item {
    background-color: @selection-back-color;
}

/* --------------------------- */
/* -------- Form Size -------- */
/* --------------------------- */
.form-inputs-small button.form-control,
.form-inputs-100 input.form-control,
.form-inputs-100 textarea.form-control  {
    width: 100px;
}

.form-inputs-small button.form-control,
.form-inputs-200 input.form-control,
.form-inputs-200 textarea.form-control  {
    width: 200px;
}
/*.input-w-50 {
    width: 50px;
}

.input-w-100, .input-w-100 {
    width: 100px;
}
.input-w-200 {
    width: 200px;
}*/

/* ----------------------------------------- */
/* -------- Fonts Awesome css overrides -------- */
/* ----------------------------------------- */
.fa {
    cursor:pointer;
}

.fa:hover {
    color: @selecting-back-color;
}


/* ----------------------------------------- */
/* -------- Backgrid Extensions -------- */
/* ----------------------------------------- */
.currency-cell:before {
    content: '$';
}

.string-center-cell {
    text-align:center !important;
}

.moment-center-cell {
    text-align:center !important;
}

.button-cell {
    text-align: center;
}
.button-cell button {
    margin: 0 auto 0 auto;
}

/* ----------------------------------------- */
/* -------- Backgrid Custom Style  -------- */
/* ----------------------------------------- */
.current-travel-row {
    background-color: #6BF069;
    font-weight: bold;
}

.event-expired-row {
    background-color: #E9FF59;
    font-weight: bold;
}

.event-near-row {
    background-color: @red;
    font-weight: bold;
}

.maintenance-max-exceeded-row {
    background-color: @red;
    font-weight: bold;
}


/* ----------------------------------------- */
/* -------- Bootstrap Overrides -------- */
/* ----------------------------------------- */
.form-group input[type='checkbox'] ~ .control-label {
    margin-top: -7px;
    cursor:pointer;
}

@media (min-width: 768px) {
    .navbar-collapse.collapse.col-md-4 {
        width:33.33%;
    }
    .navbar-collapse.collapse.col-md-5 {
        width:41.66666667%;
    }
}